<template>

	<view>
		<view class="headImg">
			<image src="../../static/images/headImg.png" mode="aspectFill"></image>
		</view>

		<view class="contentList">

			<view v-for="item in barList" class="forList" @tap="goDetail(item.id)">
				<view style="display: flex;justify-content: center;">
					<image :src="item.image" mode="aspectFill"></image>
				</view>

				<view style="" class="forText">{{item.barText}}</view>
			</view>
		</view>


	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				barList: [{
						id: 1,
						barText: '签约情况',
						image: '../../static/images/indexBar/1.png'
					},
					{
						id: 2,
						barText: '随访表',
						image: '../../static/images/indexBar/2.png'
					},
					{
						id: 3,
						barText: '新增签约',
						image: '../../static/images/indexBar/3.png'
					},
					{
						id: 4,
						barText: '上传信息',
						image: '../../static/images/indexBar/4.png'
					},
					{
						id: 5,
						barText: '消息通知',
						image: '../../static/images/indexBar/5.png'
					},
					{
						id: 6,
						barText: '个人信息',
						image: '../../static/images/indexBar/6.png'
					},
				]
			}
		},
		onLoad() {

		},
		methods: {
			goDetail(e) {
				switch (e) {
					case 1:
					uni.navigateTo({
						url:'/pages/Contract/index'
					})
						break;
					case 2:
					
					uni.navigateTo({
						url:'/pages/FollowUp/index'
					})
						break;
					case 3:
					uni.navigateTo({
						url:'/pages/addSign/index'
					})
					
						break;
					case 4:
					uni.navigateTo({
						url:'/pages/uploadMsg/index'
					})
					
						break;
					case 5:
						break;
					case 6:
					uni.navigateTo({
						url:'/pages/info/info'
					})
						break;
				}
			}
		}
	}
</script>

<style>
	.forText {

		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
		margin-top: 20rpx;
		text-align: center;
	}

	.forList {
		margin: 65rpx 65rpx 10rpx 65rpx;
		width: 121rpx;
		height: 162rpx;
	}

	.contentList image {
		width: 110rpx;
		height: 110rpx;
	}

	.contentList {
		display: flex;
		flex-wrap: wrap;
	}

	.headImg image {
		width: 100%;
		height: 361rpx;
	}
</style>
